<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en-us" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
<title>Metro North Schedules</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="stylesheets/webkit.css" type="text/css" media="only screen and (max-device-width: 480px)" />	
	<meta name="viewport" content="width=588;" />

	<script src="js/schedules.js" type="text/javascript" charset="utf-8"></script>

</head>
<body onload="setDefaultValues();">
<div class="page layout" id="metro-north-schedule">
	<div id="sitenav">
		<ul>
			<li><a id="title">Metro North Schedules</a></li>
			<li><a class="button" href="#" onclick="getSchedules('DARIEN','STAMFORD')">Darien to Stamford</a></li>
			<li><a class="button" href="#" onclick="getSchedules('DARIEN','GRAND CENTRAL')">Darien to GC</a></li>
			<li><a class="button" href="#" onclick="getSchedules('STAMFORD','GRAND CENTRAL')">Stamford to GC</a></li>
			<li><a class="button" href="#" onclick="getSchedules('YONKERS','GRAND CENTRAL')">Yonkers to GC</a></li>
			<li><a class="button" href="#" onclick="showSearchForm()">Other</a></li>
		</ul>
	</div>

    <div>
	<form id="newSearchForm" action="schedule" method="get">
		<div id="newSearch">
			<h2>From:</h2>
			<select name="station1">
				{% for station in stationList %}
				<option value="{{ station }}">{{ station }}</option>
				{% endfor %}
			</select>
			<h2>To:</h2>
			<select name="station2">
				{% for station in stationList %}
				<option value="{{ station }}">{{ station }}</option>
				{% endfor %}
			</select>
			<h2>Date (MM/DD/YYYY):</h2>
			<input type="text" name="date" />
			<h2>Hour (:00 or :30):</h2>
			<input type="text" name="hour" />
			<select id="am_pm" name="am_pm">
				<option value="AM">AM</option>
				<option value="PM">PM</option>
			</select>
			<input type="submit" value="Submit"/>
		</div>
	</form>
	</div>
</div>

</body>
</html>
